<template>
  <layout>
    <template v-slot:header>
      <au-header></au-header>
    </template>

    <template v-slot:left>
      <au-tabber></au-tabber>
    </template>

    <template v-slot:right>
      <au-action></au-action>
    </template>

    <template v-slot:main>
      <au-content></au-content>
    </template>
  </layout>
</template>

<script>
import Layout from "../components/Layout"
import auHeader from "../components/auHeader"
import auTabber from "../components/auTabber"
import auAction from "../components/auAction"
import auContent from "../components/auContent"

export default {
  name: 'Home',
  components: {
    Layout,auHeader,auTabber,auAction,auContent
  },
  data(){
    return {

    }
  },
  methods:{
    closeHeader(index,it){
      console.log(it)
    }
  }
}
</script>

<style scoped lang="scss">

</style>
